icon_home

13_멀티미디어 삽입하기

- 멀티미디어(multimedia) : multi + media 영상과 매체의 합성어 다중 매체라고 함

- 책, tv, 책, 라디오, 신문, 잡지 등을 말하며 오늘날에는 인터넷의 비중이 많이 커짐

- 또한 사용자는 pc, tablet, mobile, smart watch, laptop 기기를 통하여 정보를 접함

- 웹페이지를 구성하는 요소에는 문자, 이미지, 콘텐츠외에 영상이나, 사운드, 플래시 애니메이션(은 없어짐) 등이 멀티미디어에 속함

- 영상이나 사운드를 삽입하기 위한 태그요소를 '멀티미디어 태그'라고 함

- html5 이전에서는 objectm embed라는 태그를 사용했지만 w3c에서는 html5 웹표준에서 지정한 video, audio태그를 추가하여 표준화 하였다.


1. 음악 파일의 종류와 삽입방법 : mp3, ogg

- 음악파일의 확장자는 시스템이나 사용자 환경, 브라우저의 종류, 버전에 따라 지원이 안되는 경우가 있기 때문에 대체할 음악을 미리 넣어주거나 대체 문구를 삽입해줌

- 사용자의 컴퓨터에서 어떤 파일 형식이 지원되는지 모르기 때문에 오디오 파일 형식 2개를 같이 넣어줌(둘 다 사용가능하다면 앞에 있는 것이 먼저 재생됨)

- autoplay : 자동 재생 기능, 웹접근성을 준수하기 위해서 이 기능은 사용하지 않아야함
시각장애인, 심신미약자들은 노래가 갑자기 나오면 놀랄 수 있기 때문

음악파일 삽입하기

2. 영상 파일 삽입하기 : mp4, webm, ogv

- mp4 확장자는 모든 브라우저에서 잘 지원되지만
- webm확장자는 익스플로러, 사파리, 안드로이드 브라우저에서는 지원이 안됨
- 따라서 webm, ogv 확장자 사용시 대체영상을 넣어준다.

동영상파일 삽입하기